@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="brewsInfoForm">

            <input type="hidden" id="id" value="">

            <div class="row">
                <div class="col-sm-12 b-r">
                    <div class="page-header">
                        <p class="text-center" style="font-size:32px;">基本信息</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 b-r">
                    <#input id="name" name="名称" underline="true"/>
                    <#input id="teapot" name="适宜茶具" underline="true"/>
                </div>
                <div class="col-sm-6">
                    <#input id="temperature" name="适宜温度℃" underline="true"/>
                    <#input id="percent" name="茶水比例" underline="true" />
                </div>
            </div>

            <!--<div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <#button btnCss="success" name="增加步骤" id="ensure" icon="fa-plus" clickFun=""/>
                            <#button btnCss="error" name="减少步骤" id="ensure" icon="fa-plus" clickFun=""/>
                        </div>
                    </div>
                </div>
            </div>-->

            <div class="row">
                <div class="col-sm-12 b-r">
                    <div class="hr-line-dashed"></div>
                    <div class="page-header">
                        <p class="text-center" style="font-size:32px;">图文信息</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 b-r">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤一描述</label>
                        <div class="col-sm-9">
                            <textarea id="step1" name="step1" class="form-control" rows="4" cols="30"></textarea>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <!--右侧-->
                <div class="col-sm-6" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤一图片：</label>
                        <div class="col-sm-3">
                            <#button name="关联图片" icon="fa-picture-o" clickFun="BrewsInfoDlg.openPictureSelector('0')" space="true"/>
                        </div>
                        <!--图片显示区-->
                        <div class="col-sm-6">
                            <img id="img0" selId="" src="" height="100" width="100" style="display:none;">
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 b-r">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤二描述</label>
                        <div class="col-sm-9">
                            <textarea id="step2" name="step2" class="form-control" rows="4" cols="30"></textarea>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <!--右侧-->
                <div class="col-sm-6" >
                    <div class="form-group ">
                        <label class="col-sm-3 control-label">步骤二图片：</label>
                        <div class="col-sm-3">
                            <#button name="关联图片" icon="fa-picture-o" clickFun="BrewsInfoDlg.openPictureSelector('1')" space="true"/>
                        </div>
                        <!--图片显示区-->
                        <div class="col-sm-6">
                            <img id="img1" selId="" src="" height="100" width="100" style="display:none;">
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 b-r">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤三描述</label>
                        <div class="col-sm-9">
                            <textarea id="step3" name="step3" class="form-control" rows="4" cols="30"></textarea>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <!--右侧-->
                <div class="col-sm-6" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤三图片</label>
                        <div class="col-sm-3">
                            <#button name="关联图片" icon="fa-picture-o" clickFun="BrewsInfoDlg.openPictureSelector('2')" space="true"/>
                        </div>
                        <!--图片显示区-->
                        <div class="col-sm-6">
                            <img id="img2" selId="" src="" height="100" width="100" style="display:none;">
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 b-r">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤四描述</label>
                        <div class="col-sm-9">
                            <textarea id="step4" name="step4" class="form-control" rows="4" cols="30"></textarea>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <!--右侧-->
                <div class="col-sm-6" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤四图片</label>
                        <div class="col-sm-3">
                            <#button name="关联图片" icon="fa-picture-o" clickFun="BrewsInfoDlg.openPictureSelector('3')" space="true"/>
                        </div>
                        <!--图片显示区-->
                        <div class="col-sm-6">
                            <img id="img3" selId="" src="" height="100" width="100" style="display:none;">
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6 b-r">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤五描述</label>
                        <div class="col-sm-9">
                            <textarea id="step5" name="step5" class="form-control" rows="4" cols="30"></textarea>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <!--右侧-->
                <div class="col-sm-6" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">步骤五图片</label>
                        <div class="col-sm-3">
                            <#button name="关联图片" icon="fa-picture-o" clickFun="BrewsInfoDlg.openPictureSelector('4')" space="true"/>
                        </div>
                        <!--图片显示区-->
                        <div class="col-sm-6">
                            <img id="img4" selId="" src="" height="100" width="100" style="display:none;">
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-1 control-label">更多详情内容：</label>
                            <div class="col-sm-11">
                                <pre id="details" style="display:none"></pre>
                                <div id="editor" class="editorHeight" style="height:500px;max-height:800px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="BrewsInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="BrewsInfoDlg.close()"/>
                </div>
            </div>
        </div>
    </div>
</div>
<!--富文本框插件-->
<script src="${ctxPath}/static/js/plugins/wangEditor/wangEditor.js"></script>

<script src="${ctxPath}/static/modular/fileManage/brews/brews_info.js"></script>
@}
